<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="css/xingxing_qinxie.css">
    <title>使用css3实现9大行星运动轨迹炫酷动画效果</title>
</head>
<body>
    <div class="universe">
        <div class="solarsystem">
            <div class="sun"></div>
            <!--水星-->
            <a class="orbit mercury" target="_blank" href="">
                <div class="planet">
                    <div class="ball"></div>
                </div>
            </a>
            <!--金星-->
            <a class="orbit venus" target="_blank" href="">
                <div class="planet">
                    <div class="ball"></div>
                </div>
            </a>
            <!--地球-->
            <a class="orbit earth" target="_blank" href="">
                <div class="planet">
                    <div class="ball"></div>
                </div>
            </a>
            <!--火星-->
            <a class="orbit mars" target="_blank" href="">
                <div class="planet">
                    <div class="ball"></div>
                </div>
            </a>
            <!--木星-->
            <a class="orbit jupiter" target="_blank" href="">
                <div class="planet">
                    <div class="ball"></div>
                </div>
            </a>
            <!--土星-->
            <a class="orbit saturn" target="_blank" href="">
                <div class="planet">
                    <div class="ball"></div>
                </div>
            </a>
            <!--天王星-->
            <a class="orbit uranus" target="_blank" href="">
                <div class="planet">
                    <div class="ball"></div>
                </div>
            </a>
            <!--海王星-->
            <a class="orbit neptune" target="_blank" href="">
                <div class="planet">
                    <div class="ball"></div>
                </div>
            </a>
            <!--冥王星-->
            <a class="orbit pluto" target="_blank" href="">
                <div class="planet">
                    <div class="ball"></div>
                </div>
            </a>
        </div>
    </div>
</body>
</html>
 